@import  "lib.less";

/**
 * Rotate Down
 */
.kf-rotate-down(){
	0%{
		opacity: 0;
		.e(transform; rotateX(90deg));
	}
	100%{
		opacity: 1;
		.e(transform; rotateX(0));
	}
}
@-webkit-keyframes rotate-down {.kf-rotate-down(); }
@-moz-keyframes rotate-down {.kf-rotate-down(); }
@keyframes rotate-down {.kf-rotate-down(); }
.rotate-down-in{
	.e(animation;  rotate-down 0.3s ease-in 0s normal forwards);
}
.rotate-down-out{
	.e(animation;  rotate-down 0.3s ease-in 0s reverse forwards);
}
// Animation rotate-in END
/**
 * Rotate Up
 */
.kf-rotate-up(){
	0%{
		opacity: 0;
		.e(transform; rotateX(-90deg));
	}
	100%{
		opacity: 1;
		.e(transform; rotateX(0));
	}
}
@-webkit-keyframes rotate-up {.kf-rotate-up(); }
@-moz-keyframes rotate-up {.kf-rotate-up(); }
@keyframes rotate-up {.kf-rotate-up(); }
.rotate-up-in{
	.e(animation;  rotate-up 0.3s ease-in 0s normal forwards);
}
.rotate-up-out{
	.e(animation;  rotate-up 0.3s ease-in 0s reverse forwards);
}
// Animation rotate-up END